<template>
      <div class="page">   
		  
		  <div class="card"> 
		      <h2> 月会员 <b class="number">180元</b> </h2>
			  <h5> 一个月内免费权益 <b class="number">180次</b>  </h5>
		  </div>  
		  <div class="card card-cur">
			  <h2> 季会员 <b class="number">500元</b> </h2>
			  <h5> 一个季度内免费权益 <b class="number">600次</b>  </h5>
		  </div> 
		 <div class="card">
			  <h2> 年会员 <b class="number">1600元</b> </h2>
			  <h5> 一年内免费权益 <b class="number">2000次</b>  </h5>
		 </div> 
		 
		 <div class="btn-area">
		 		<van-button round size="large" color="linear-gradient(to right, #ff6034, #ee0a24)"
		 		type="primary">办理会员</van-button>
		 </div> 
		 
		  
		
	  </div> 
   
</template>
<style scoped>
.page{ 
	 background:#ECE8E5;
     height:100vh;
	 padding-top:30px;
} 
 .card{ margin:15px;padding:10px;border: 1px solid #FFF; background:#fff; border-radius: 10px }
 .card .number{ color:#F68040; }
 .card-cur .number{ color:#fff; }
 .card-cur{
	  background:#F68040; 
	  color:#FFF;
 }
 h2,h5{ margin:10px}
 .btn-area{
	margin:100px 15px; 
 }
</style>
<script> 
export default { 
  props: {
    msg: String
  },
  data() {
    return {
      detail: ""
    }
  }
}
</script>
